<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Galicia Office</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="content/default/styles.css" />
    <link rel="stylesheet" href="content/default/jquery-ui.css" />
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="content/default/ie8-and-down.css" />
    <![endif]-->
    <script src="js/jqueryfwk/jquery-1.7.2.min.js"></script>
    <script src="js/jqueryfwk/jquery.customSelect.js"></script>
    <script src="js/Placeholders.min.js"></script>
    <script src="js/site.js"></script>
    <script src="js/jqueryfwk/jquery-ui-1.10.3.custom.min.js"></script>
    <script>
        $(function() {
            $( "#datepicker" ).datepicker({
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true
            });
        });
    </script>
    <!--[if IE]>
    <script src="js/tags-html5.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <script src="js/IE8.js"></script>
    <![endif]-->
</head>
<body>
    <div id="main-container">
        <header>
            <div class="left"><img src="images/commons/logo-go.png" alt="Galicia Office" /></div>
            <div class="right header-data">
                <span class="date">16/03/2013 </span><span class="time">18:10</span>
                <div class="filtro-search">
                    <a class="default" href="#" title="filtrar búsqueda por">Todos</a>
                    <ul>
                        <li class="todos"><a href="#">Todos</a></li>
                        <li class="funcionalidades activo"><a href="#">Funcionalidades</a></li>
                        <li class="operaciones"><a href="#">Operaciones</a></li>
                        <li class="comunidades"><a href="#">Comunidades</a></li>
                    </ul>
                </div>
                <div class="cont-search-results">
                    <div class="cont-search">
                        <input type="text" placeholder="Encontrá lo que necesitás hacer en GO..." />
                        <a href="#">Buscar</a>
                    </div>
                    <div class="cont-results">
                        <ul>
                            <li class="todos"><a>Resultado 1</a></li>
                            <li class="funcionalidades"><a>Resultado 2</a></li>
                            <li class="operaciones"><a>Extracciones de cajeros automáticos en la provincia de Buenos Aires</a></li>
                            <li class="todos"><a>Resultado 4</a></li>
                        </ul>
                    </div>
                </div>
                <a class="icon-out">Salir</a>
            </div>
        </header>
        <!---Menu principal --->
        <nav>
            <ul class="main-menu">
                <li class="active">CONSULTAS
                    <div class="hover-menu">
                        <div class="cont-menu"> <!---Contenedor General BOX ---->
                             <div class="cont-menu-compuesto">
                                 <ul> <!--SÓLO 5 <LI> -->
                                     <li><span>COBRANZA INTEGRADA GALICIA</span>
                                         <ul class="level-1">
                                             <li><a class="inactivo horario" href="#">link 1-1</a></li>
                                             <li><a class="inactivo firma" href="#">link 2-2 A</a></li>
                                             <li><a class="inactivo permiso" href="#">link 4-1</a></li>
                                             <li><a href="#">link 1-3</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Pago directo</span>
                                         <ul class="level-1">
                                          <li><a href="#">Pago directo</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Ventanilla electrónica</span>
                                         <ul class="level-1">
                                             <li><a href="#">link 2-1</a>
                                             <li><span>link 2-2</span>
                                                 <ul class="level-2">
                                                     <li><a href="#">link 2-2 B</a></li>
                                                     <li><a href="#">link 2-2 C</a></li>
                                                     <li><a href="#">link 2-2 D</a></li>
                                                 </ul>
                                             </li>
                                             <li><a href="#">link 2-3</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Servicios de recaudaciones</span>
                                         <ul class="level-1">
                                             <li><a class="inactivo permiso" href="#">link 4-1</a></li>
                                             <li><a href="#">link 4-2</a></li>
                                             <li><a href="#">link 4-3</a></li>
                                             <li><a href="#">link 4-4</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Cobranza con tarjetas</span>
                                         <ul class="level-1">
                                             <li><a href="#">link 5-1</a></li>
                                             <li><a href="#">link 5-2</a></li>
                                             <li><a href="#">link 5-3</a></li>
                                             <li><a href="#">link 5-4</a></li>
                                             <li><a href="#">link 5-5</a></li>
                                         </ul>
                                     </li>
                                 </ul>
                                 <ul> <!--SÓLO 5 <LI> -->
                                     <li><span>COBRANZA INTEGRADA GALICIA</span>
                                         <ul class="level-1">
                                             <li><a class="inactivo permiso" href="#">link 1-1</a></li>
                                             <li><a href="#">link 1-2</a></li>
                                             <li><a href="#">link 1-3</a></li>
                                             <li><a href="#">link 1-4</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Ventanilla electrónica</span>
                                         <ul class="level-1">
                                             <li><span>link 2-2</span>
                                                 <ul class="level-2">
                                                     <li><a href="#">link 2-2 B</a></li>
                                                     <li><a class="inactivo firma" href="#">link 2-2 A</a></li>
                                                     <li><a href="#">link 2-2 D</a></li>
                                                 </ul>
                                             </li>
                                             <li><a href="#">link 2-3</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Transacciones</span>
                                         <ul class="level-1">
                                             <li><a href="#">Transacciones</a></li>
                                         </ul>
                                     </li>
                                     <li><span>Operaciones inmediatas</span>
                                         <ul class="level-1">
                                          <li><a class="inactivo permiso" href="#">Operaciones inmediatas</a></li>
                                         </ul>
                                     </li>
                                 </ul>
                             </div>
                        </div>
                    </div>
                </li>
                <li>TRANSACCIONES</li>
                <li>COBRANZAS</li>
                <li>HABERES</li>
                <li>SOLICITUDES</li>
                <li>PROVEEDORES</li>
                <li>COMERCIO EXTERIOR</li>
                <li>PAGO DE SERVICIOS</li>
                <li>TARJETAS</li>
                <li>GALICIA RURAL</li>
            </ul>
        </nav>
        <!--- Left --->
        <aside>
            <div class="company-data">
                <ul class="info">
                    <!--<li class="company-logo"><span><img src="logo-empresa.png" /></span></li>-->
                    <li class="company-name">Nombre de la Empresa</li>
                </ul>
                <div class="user">
                    <h1>Nombre de usuario</h1>
                    <p>Ultimo Acceso:  <span>16/03/2013 </span> | <span>18:10</span></p>
                </div>
            </div>
            <ul class="company-links">
                <li><a class="icon-messages alerta" href="#">Bandeja de Mensajes</a>
                    <ul>
                        <li><a href="">Firmas digitales en proceso de activación</a></li>
                        <li><a href="">Mensaje del Banco 2</a></li>
                        <li><a href="">Falta activar código de seguridad 3</a></li>
                    </ul>
                </li>
                <li><a class="icon-admin" href="#">Administrar Empresa</a></li>
                <li><a class="icon-consult-oper" href="#">Consulta de Operaciones</a></li>
                <li><a class="icon-admin-user alerta" href="#">Configurar Usuario</a></li>
                <li><a class="icon-accept-oper" href="#">Autorizar Operaciones</a></li>
                <li><a class="icon-download-files" href="#">Descarga de Archivos</a></li>
            </ul>
            <ul class="aside-banners">
                <li class="icon-comunidades">Comunidades</li>
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-comunidadRural.png" alt="Comunidad Rural" width="240" height="70" /></a></li>
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-galiciaComex.png" alt="Comunidad Rural" width="240" height="70" /></a></li>
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-buenosNegocios.png" alt="Comunidad Rural" width="240" height="70" /></a></li>
            </ul>
        </aside>
        <!--- Right--->
        <section class="container">
            <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-draggable" tabindex="-1" role="dialog" aria-describedby="message_box" aria-labelledby="ui-id-1" style="height: auto; width: 550px; top: 283.5px; left: 341.5px; display: block;" id="container-msgbox">
                <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
                    <span id="ui-id-1" class="ui-dialog-title">Galicia Office</span>
                    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="">
                        <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>
                        <span class="ui-button-text">close</span>
                    </button>
                </div>
                <div id="message_box" style="width: auto; min-height: 0px; max-height: none; height: auto;" class="ui-dialog-content ui-widget-content">
                    <div class="banco-msj bottom code">
                        <div class="row">
                            <span>Código</span>
                            <span>LOG23545</span>
                        </div>
                        <div class="row">
                            <span>Mensaje</span>
                            <span>El usuario o clave son incorrectas.Vuelva a intentarlo.</span>
                        </div>
                        <div class="row sugest">
                            <span></span>
                            <span>Sino recuerda su clave, solicitar el blanqueo de clave.</span>
                        </div>
                        <div class="nota">
                            <p>Ante cualquier inconveniente, no dude en comunicarse con nuestros operadores de Fonobanco Empresas <a href="#">enviando su mensaje</a> o llamando al 6329-6527 opción 2.</p>
                            <p>De lunes a viernes de 8 a 20 hs.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banco-msj bottom code">
                <div class="row">
                    <span>Código</span>
                    <span>LOG23545</span>
                </div>
                <div class="row">
                    <span>Mensaje</span>
                    <span>El usuario o clave son incorrectas.Vuelva a intentarlo.</span>
                </div>
                <div class="row sugest">
                    <span></span>
                    <span>Sino recuerda su clave, solicitar el blanqueo de clave.</span>
                </div>
                <div class="nota">
                    <p>Ante cualquier inconveniente, no dude en comunicarse con nuestros operadores de Fonobanco Empresas <a href="#">enviando su mensaje</a> o llamando al 6329-6527 opción 2.</p>
                    <p>De lunes a viernes de 8 a 20 hs.</p>
                </div>
            </div>
            <!----- Submenú ---------->
            <div class="headerContainer">Transferencias <span class="icon-ayuda" title="En qué podemos ayudarte">?</span></div>
            <ul class="sub-menu">
                <li><a class="active" href="#"><span>A otros Bancos</a></span></li>
                <li><a href="#">Terceros Galicia</a></li>
                <li><a href="#">Más Beneficios</a></li>
            </ul>
            <!---------Formularios------------>
            <h4 class="form-title"><span>Cambio de clave</span></h4>
            <h3 class="form-title"><span>Datos de la transferencia</span></h3>
            <div class="form-box span1 msj">
                <form>
                    <div class="banco-msj">
                        <span class="arrow"></span>
                        <h2>Se debitrán los fondos en el momento y se acreditarán en el día si:</h2>
                        <ul>
                            <li>La transferencia es autorizada antes de las 17:50</li>
                            <li>El banco receptor pertenece a la red de Interbanking</li>
                            <li>La denominación informada coincide con la denominación</li>
                        </ul>
                    </div>
                    <div class="row">
                        <span>Clave de acceso actual</span>
                        <input type="text">
                    </div>
                    <div class="button-box">
                        <input class="gobutton1" id="Submit1" name="Prepara" value="Enviar" type="submit">
                    </div>
                </form>

            </div>
            <div class="form-box span1 msj">
                <form>
                    <div class="banco-msj">
                        <span class="arrow"></span>
                        <h2>Se debitrán los fondos en el momento y se acreditarán en el día si:</h2>
                        <ul>
                            <li>La transferencia es autorizada antes de las 17:50</li>
                            <li>El banco receptor pertenece a la red de Interbanking</li>
                            <li>La denominación informada coincide con la denominación</li>
                        </ul>
                    </div>
                    <div class="row">
                        <span>Clave de acceso actual</span>
                        <input type="text">
                    </div>
                    <div class="row">
                        <span>Ingrese nueva clave</span>
                        <input type="text">
                    </div>
                    <div class="row">
                        <span>Reingrese la nueva clave</span>
                        <input type="text">
                    </div>
                    <div class="row">
                        <span>Cuenta a Acreditar</span>
                        <select class="styled">
                            <option value="CC">CC$135- 476 874576-4233</option>
                        </select>
                    </div>
                    <div class="button-box">
                        <input class="gobutton1" id="Submit1" name="Prepara" value="Enviar" type="submit">
                    </div>
                </form>

            </div>
            <div class="form-box span1">
                <form>
                    <div class="row">
                        <span>Cuenta a debitar</span>
                        <select class="styled">
                            <option value="CC">CC $135476</option>
                        </select>
                    </div>
                    <div class="row msj">
                        <span>Importe</span>
                        <input type="text" class="importe">, <input type="text" class="decimales" >
                        <div class="banco-msj">
                            <span class="arrow"></span>
                            <h2>Se debitrán los fondos en el momento y se acreditarán en el día si:</h2>
                            <ul>
                                <li>La transferencia es autorizada antes de las 17:50</li>
                                <li>El banco receptor pertenece a la red de Interbanking</li>
                                <li>La denominación informada coincide con la denominación</li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                    <span>Referencia</span>
                        <select class="styled">
                            <option value="Varios">Varios</option>
                        </select>
                        <input type="text" placeholder="Ingrese comentario"><span class="icon-ayuda" title="En qué podemos ayudarte">?</span>
                    </div>
                    <div class="row msj">
                        <span>Cuenta a Acreditar</span>
                        <select class="styled">
                            <option value="CC">CC $13547687454233</option>
                        </select>
                        <div class="banco-msj">
                            <span class="arrow"></span>
                            <h2>Se debitrán los fondos en el momento y se acreditarán en el día si:</h2>
                            <ul>
                                <li>La transferencia es autorizada antes de las 17:50</li>
                                <li>El banco receptor pertenece a la red de Interbanking</li>
                                <li>La denominación informada coincide con la denominación</li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <span>A realizar en la fecha</span>
                        <input type="text" class="inputtext-datepicker" id="datepicker" placeholder="Elija fecha">
                        <span class="icon-ayuda" title="En qué podemos ayudarte">?</span>
                    </div>
                    <div class="row">
                        <span>Comentarios</span>
                        <textarea placeholder="Ingrese observaciones a su operación"></textarea>
                    </div>
                    <div class="button-box">
                        <input class="gobutton1" id="Submit1" name="Prepara" value="Continuar" type="submit">
                    </div>
                </form>
            </div>
            <h3 class="form-title"><span>Datos de la transferencia</span></h3>
            <div class="form-box presentacion">
                <form>
                    <div class="row">
                        <span>Razón Social</span>
                        <input type="text" class="inputtext clr-v" value="Asociacion Procrear" readonly>
                    </div>
                    <div class="row">
                        <span>CUIT</span>
                        <input type="text" class="inputtext clr-r" value="24-324354-23" readonly>
                    </div>
                    <div class="row">
                        <span>Apellido y Nombre</span>
                        <input type="text" class="inputtext" value="Juan Perez Esquivel" readonly>
                    </div>
                    <div class="row">
                        <span>Email</span>
                        <input type="text" class="inputtext" value="" readonly>
                    </div>
                    <div class="row">
                        <span>Mensajes</span>
                        <textarea placeholder="Ingrese observaciones a su operación" readonly></textarea>
                    </div>
                    <div class="banco-msj bottom">
                        <h2>Sres.</br> Banco Galicia y Buenos Aires</h2>
                        <p>Tomamos conocimiento que el Banco, lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation  ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                    <div class="button-box">
                        <input class="gobutton1" id="Submit1" name="Prepara" value="Realizar transferencia" type="submit">
                    </div>
                </form>
            </div>
            <!---------Fin - Formularios------------>
        </section>
        <footer><p>Salvo error u omisión (S.E.U.O)</p.></footer>
    </div>
</body>
</html>